@charset "UTF-8";
* {
  padding: 0px;
  margin: 0px;
  list-style: none; }

.out_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap-reverse; }

.div1 {
  width: 0;
  height: 0;
  border-width: 20px;
  /* 控制三角形大小 */
  border-color: blue transparent transparent transparent;
  /* 设置颜色为黑色 */
  border-style: solid; }

.div2 {
  width: 0;
  height: 0;
  border-width: 30px;
  /* 控制三角形大小 */
  border-color: transparent transparent red transparent;
  /* 设置颜色为黑色 */
  border-style: solid; }

.div3 {
  width: 0;
  height: 0;
  border-width: 40px;
  /* 控制三角形大小 */
  border-color: transparent transparent transparent yellow;
  /* 设置颜色为黑色 */
  border-style: solid; }

.div4 {
  width: 0;
  height: 0;
  border-width: 50px;
  /* 控制三角形大小 */
  border-color: transparent #000000 transparent transparent;
  /* 设置颜色为黑色 */
  border-style: solid; }
